/*导入 react 框架包 这个包里面有提供
* 1. 提供了 虚拟dom 的 api （React.createElement()）
* 2. 提供了 组件的父类 React.Component
* ...
* */
import React from 'react';


/*
* ReactDOM 库可以把我们react里面的虚拟dom（js对象）转换为真实的dom（document.createElement document.appendChild）插入页面
* */
import ReactDOM from 'react-dom';

/*
* css文件 项目的初始化操作
* 1. reset.css
* 2. common.css
*
* */
import './index.css';

/*
* App 称之为 项目的 主组件，到时候我们基于 react 做开发，都是使用 react 的组件化思想进行开发的，到时候我们会把各种组件统一规整到 App.js 这个组件里面进行管理。主要是为了统一管理方便。
* */
import App from './App';
// import App from './App.js';

/*性能检查*/
import reportWebVitals from './reportWebVitals';


/*
* ReactDOM.render 可以把我们的 react的虚拟dom转换为真实的dom插入到页面的api
*
* 参数1：待插入到页面的虚拟dom ，组件
*   React.StrictMode 是 react内置的一个组件，开始 react的严格模式
*   'use strict'
*
*    <App /> 就是我们用户自己开发的组件  import App from './App';
*
*
* 参数2：插入的容器位置  document.getElementById('root')
*   public/index.html-->id=root dom区域
*
*
* */
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
